<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Surprise 好选</title>
    <script src="jquery.js"></script>
    <link rel="stylesheet" href="layui/css/layui.css">
    <script src="layui/layui.js"></script>
    <!--<link rel="stylesheet" href="css/search.css">-->
    <script src="js/keyword.js"></script>
    <link rel="stylesheet" href="css/firstPicture.css">
    <script src="js/index.js"></script>
    <style>
        .cate_table {
            text-align: center;
            width: 100%;
            font-weight: bold;

        }

        .cate_table tr td {
            padding: 10px;
        }

        .cate_table tr td span {
            display: block;
            width: 50%;
            margin: 0 auto;
            padding-bottom: 5px;
        }

        .this-choose {
            border-bottom: 1px rgb(221, 85, 102) solid;
        }
    </style>
</head>
<body>

<!--start search头部搜索框-->
<div class="layui-container">
    <!--此代码只针对于头部搜索框两边排版是否缩放-->
    <div class="layui-row">
        <!--<div class="layui-col-xs6">-->
        <!--<div id="search_bg">-->
        <!--<div id="button_bg">-->
        <!--<span class="changetype"></span>-->
        <!--<form action="http://www.baidu.com/s" method="GET" target="_blank">-->
        <!--<i class="layui-icon i_one">&#xe615;</i>-->
        <!--&lt;!&ndash;<button type="button" class="layui-btn-sm"></button>&ndash;&gt;-->
        <!--<input type="text" value="" x-webkit-speech="" lang="zh-CN" placeholder="3000家好店无处藏"-->
        <!--name="wd" class="textb" autocomplete="off">-->
        <!--&lt;!&ndash;autocomplete 屏蔽输入自动记录&ndash;&gt;-->
        <!--</form>-->
        <!--<div class="keyword"></div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <div class="layui-col-xs7">
            <input type="text" class="layui-input" placeholder="3000家好店无处藏" style="text-align: center" value=""
                   id="inp">
            <i class="layui-icon i_one">&#xe615;</i>
        </div>
        <div class="layui-col-xs2">
            <button class="layui-btn layui-btn-primary" id="search">搜索</button>
        </div>
        <!--<div  id="cate_click" style="font-size: 15px;text-align: center;height: 38px;line-height: 38px">-->
        <div class="layui-col-xs1 layui-col-xs-offset1">
            <button class="layui-btn layui-btn-danger" id="cate_click">分类</button>
        </div>

        <!--<i class="layui-icon layui-icon-table i_two" id="cate_click"></i>-->
        <!--</div>-->
    </div>
</div>
<!--end search-->

<div id="cate" style="position: relative" hidden>
    <div class="layui-col-xs12">
        <div class="layui-col-xs2 layui-col-xs-offset10" style="margin-top: 10px;font-weight: bold;margin-bottom: 20px">
            <span id="close">关闭</span></div>
    </div>
    <div class="layui-col-xs12">
        <div style="width: 90%;margin-left: 5%;border: 1px rgb(178,178,178) solid;border-radius: 10px;padding-top: 50px;padding-bottom: 50px">
            <table class="cate_table" id="cate_data_table"></table>
        </div>
    </div>
</div>

<!--start The first picture  插图、详细参考index.js-->
<div class="layui-container" id="main_content">
    <div id="content_goods"></div>
</div>
<!-- end The first picture 插图-->


<!--start 底部我的收藏、关于我们-->
<div class="dibu">
    <div class="layui-row">
        <div class="layui-col-xs6">
            <div class="layui-row">
                <div class="layui-col-xs2 layui-col-xs-offset3 dibu_div_1">
                    <label><i class="layui-icon layui-icon-home i_3"></i></label>
                </div>
                <div class="layui-col-xs7">
                    <div class="dibu_div_2">
                        我的收藏
                    </div>

                </div>
            </div>
        </div>
        <div class="layui-col-xs6">
            <div class="dibu_border">
                <div class="layui-row">
                    <div class="layui-col-xs2 layui-col-xs-offset3 dibu_div_1">
                        <label><i class="layui-icon layui-icon-about i_3"></i></label>
                    </div>
                    <div class="layui-col-xs7">
                        <div class="dibu_div_2">
                            关于我们
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--end 底部我的收藏、关于我们-->
</body>
</html>